<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link type="text/css" rel="stylesheet" href="css/style.css"/>
<script type="text/javascript" src="js/jquery.min.1.6.4.js"></script>
<script type="text/javascript" src="js/jquery.min.1.6.4.js"></script>
<!--Tab-->
<link type="text/css" rel="stylesheet" href="css/tab.css"/>

<!--Switch images footer-->
<link rel="stylesheet" type="text/css" href="css/SwitchImages.css"/>
<script src="js/SwitchImages.js" type="text/javascript"></script>

<!--Menu-->
<link type="text/css" href="css/menu.css" rel="stylesheet" />
<script type="text/javascript" src="js/menu.js"></script>

<!--Lib img-->
<link href="css/jcarousel/skins/tango/skin.css" rel="stylesheet" type="text/css"/>
<link href="css/jcarousel/skins/tango/skin_video.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="js/jquery.jcarousel.min.js"></script>

<!--Light box-->
<link id="theme" href="images/themes/blitzer/jquery-ui-1.8.16.custom.css" rel="stylesheet" type="text/css">
<link href="css/lightbox.min.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="js/lightbox/jquery.ui.core.min.js"></script>
<script type="text/javascript" src="js/lightbox/jquery.ui.widget.min.js"></script>
<script type="text/javascript" src="js/lightbox/jquery.ui.rlightbox.js"></script>   
  
    <script type="text/javascript">
	jQuery(function($) {
	    var $chosenSheet,
		$stylesheets = $( "a[id^=theme-]" );
	    // theme switcher
	    $stylesheets.click(
		function() {
		    $chosenSheet = $( this ).attr( "href" );
		    $( "#theme").attr( "href", $chosenSheet );
		    // mark this A as an active
		    $stylesheets.removeClass( "active" );
		    $( this ).addClass( "active" );
		    return false;
		}
	    );
	    // run rlightbox
	    $( ".lb" ).rlightbox();
	    $( ".lb_title-overwritten" ).rlightbox({overwriteTitle: true});
	});
    </script>



<title>Untitled Document</title>
</head>

<body>
<center>
<div id="container">
<div id="banner">
	<div class="logo"><a href="http://ishali.vn"><img src="images/logo.png" /></a></div>
    <div class="tenct">ISHALI</div>
    <div style="clear:both"></div>
    <div class="slogan">Kết Nối Cộng Đồng - Chia Sẻ Thành Công</div>
</div><!--End #banner-->
<div id="banner_img_2">
	<div id="menu">
		<ul class="menu">
				<li><a style="font-size:17px; font-weight:bold" href="#" class="parent"><span>TRANG CHỦ</span></a></li>
				<li><a href="#" class="parent"><span>GIỚI THIỆU</span></a></li>
				<li><a href="#"><span>DỊCH VỤ</span></a>
				<div><ul>
						<li><a class="parent" href="#"><span>Dịch vụ Facebook</span></a>
							<div><ul>
								<li><a href="#"><span>Dịch vụ Facebook</span></a></li>
								<li><a href="#"><span>SMS Mobile Marketing</span></a></li>
							</ul></div>
						</li>
						<li><a href="#"><span>SMS Mobile Marketing</span></a></li>
						<li><a href="#"><span>Thiết kế Website</span></a></li>
						<li><a href="#"><span>Quảng cáo Online</span></a></li>
						<li><a href="#"><span>Tên miền - Hosting</span></a></li>
						<li><a class="parent" href="#"><span>Phần mềm kinh doanh</span></a>
							<div><ul>
								<li><a href="#"><span>Dịch vụ Facebook</span></a></li>
								<li><a class="parent" href="#"><span>SMS Mobile Marketing</span></a>
									<div><ul>
										<li><a href="#"><span>Dịch vụ Facebook</span></a></li>
										<li><a href="#"><span>SMS Mobile Marketing</span></a></li>
									</ul></div>
								</li>
							</ul></div>
						</li>
				</ul></div>
				</li>
				<li><a href="#"><span>TIN TỨC</span></a></li>
				<li><a href="#"><span>KIẾN THỨC</span></a></li>
				<li><a href="#"><span>TUYỂN DỤNG</span></a></li>
				<li class="last"><a href="#"><span>LIÊN HỆ</span></a></li>
			</ul>
	</div><!--End #menu-->
	<div id="copyright">Copyright &copy; 2012 <a href="http://apycom.com/">Apycom jQuery Menus</a></div>
</div><!--End #banner_img-->
<div id="content">
<div id="contact">
	<div class="hinh_gif_lienhe"><img src="images/lienhe.gif" /></div>
	<div class="lienhe">
    	<table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td colspan="2" align="left"><span class="lienhe_text">THÔNG TIN CÔNG TY</span></td>
            </tr>
          <tr>
            <td width="145" align="center" valign="top" class="bg"><img src="images/diachi.png" alt="Địa chỉ" /></td>
            <td width="455" align="left">
            Tòa nhà HD Bank<br />
            25Bis Nguyễn Thị Minh Khai,<br />
            Phường Bến Nghé, Quận l,<br />
            Thành phố. Hồ Chí Minh.<br />
            </td>
          </tr>
          <tr>
            <td align="center" valign="top" class="bg"><img src="images/dienthoai.png" alt="Điện thoại" /></td>
            <td align="left">(084-08) 1234 5678</td>
          </tr>
          <tr>
            <td align="center" valign="top" class="bg"><img src="images/fax.png" alt="Số Fax" /></td>
            <td align="left">(084-08) 1234 5678</td>
          </tr>
          <tr>
            <td align="center" valign="top" class="bg"><img src="images/dtdd.png" alt="Điện thoại di động" /></td>
            <td align="left">(084-0123) 3 377 377</td>
          </tr>
          <tr>
            <td align="center" valign="top" class="bg"><img src="images/email.png" alt="Email" /></td>
            <td align="left">info@ishali.vn</td>
          </tr>
        </table>

    </div><!--End .lienhe-->
    <div class="google">
    	<table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td><span class="lienhe_text">GOOGLE MAP</span></td>
          </tr>
          <tr>
            <td height="231">
            	<iframe width="500" height="231" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=25+Nguy%E1%BB%85n+Th%E1%BB%8B+Minh+Khai,+B%E1%BA%BFn+Ngh%C3%A9,+Ho+Chi+Minh+City,+Vietnam&amp;aq=0&amp;oq=25+nguyen+thi&amp;sll=37.0625,-95.677068&amp;sspn=37.325633,79.013672&amp;ie=UTF8&amp;hq=&amp;hnear=25+Nguy%E1%BB%85n+Th%E1%BB%8B+Minh+Khai,+B%E1%BA%BFn+Ngh%C3%A9,+Ho+Chi+Minh+City,+Vietnam&amp;t=m&amp;z=14&amp;ll=10.783838,106.699111&amp;output=embed"></iframe><br /><small><a href="https://maps.google.com/maps?f=q&amp;source=embed&amp;hl=en&amp;geocode=&amp;q=25+Nguy%E1%BB%85n+Th%E1%BB%8B+Minh+Khai,+B%E1%BA%BFn+Ngh%C3%A9,+Ho+Chi+Minh+City,+Vietnam&amp;aq=0&amp;oq=25+nguyen+thi&amp;sll=37.0625,-95.677068&amp;sspn=37.325633,79.013672&amp;ie=UTF8&amp;hq=&amp;hnear=25+Nguy%E1%BB%85n+Th%E1%BB%8B+Minh+Khai,+B%E1%BA%BFn+Ngh%C3%A9,+Ho+Chi+Minh+City,+Vietnam&amp;t=m&amp;z=14&amp;ll=10.783838,106.699111" style="color:#0000FF;text-align:left">View Larger Map</a></small>
            </td>
          </tr>
        </table>
    </div><!--End .google-->
   <div class="form_lienhe">
    	<table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td colspan="2"><span class="lienhe_text">LIÊN HỆ</span></td>
            </tr>
          <tr>
            <td width="104" align="center" valign="middle" class="bg">Họ tên</td>
            <td width=""><label>
              <input class="input1" type="text" name="hoten" id="" />
            </label></td>
          </tr>
          <tr>
            <td align="center" valign="middle" class="bg">Email</td>
            <td><input class="input1" type="text" name="email" id="" /></td>
          </tr>
          <tr>
            <td align="center" valign="middle" class="bg">Message</td>
            <td><label>
              <textarea name="message" id="textarea" cols="45" rows="5"></textarea>
            </label></td>
          </tr>
          <tr>
            <td align="center" valign="middle">&nbsp;</td>
            <td align="right"><label>
              <input class="input2" type="submit" name="button" id="button" value="Submit" />
            </label></td>
          </tr>
        </table>

    </div><!--End .form_lienhe-->
	<div class="chinhanh">
		<table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td height="27"><span class="lienhe_text">CHI NHÁNH</span></td>
          </tr>
          <tr>
            <td align="left" valign="top">
            Văn Phòng Đại Diện<br /><br />
            120 Nguyễn Văn Đậu, P7, Q.Bình Thạnh, TP. HCM<br />
            SĐT: 01233 377 377<br />
            
            
            </td>
          </tr>
        </table>
	
	
	</div><!--End.chinhanh-->
    <div style="clear:both; height:0px;">&nbsp;</div>
</div><!--End#contact-->
<div id="con_left">
	<div style="clear:both; height:0px;">&nbsp;</div>
    <div id="tabContaier">
	<ul class="list_tab">
    	<li class="list_tab"><a title="tab1" class="active" href="javascript:;">Hình ảnh</a></li>
    	<li class="list_tab"><a title="tab2"href="javascript:;">Video</a></li>
    </ul>
	
    <div class="tabDetails">
    	<div id="tab1" class="tabContents">
        	<ul id="mycarousel" class="jcarousel-skin-tango">
				<li><a href="images/lib_img_video/images/01.jpg" class="lb lb_images_album1" title="title libary images"><img src="images/lib_img_video/images/01_thumb.jpg" width="110" height="110" alt="" /></a></li>
				<li><a href="images/lib_img_video/images/03.jpg" class="lb lb_images_album2" title="title libary images"><img src="images/lib_img_video/images/03_thumb.jpg" width="110" height="110" alt="" /></a></li>
				<li><a href="images/lib_img_video/images/04.jpg" class="lb lb_images_album3" title="title libary images"><img src="images/lib_img_video/images/04_thumb.jpg" width="110" height="110" alt="" /></a></li>
                <li><a href="images/lib_img_video/images/05.jpg" class="lb lb_images_album4" title="title libary images"><img src="images/lib_img_video/images/05_thumb.jpg" width="110" height="110" alt="" /></a></li>
				<li><a href="images/lib_img_video/images/06.jpg" class="lb lb_images_album5" title="title libary images"><img src="images/lib_img_video/images/06_thumb.jpg" width="110" height="110" alt="" /></a></li>
			</ul>
			<div style="display:none">
				<li><a href="images/lib_img_video/images/05.jpg" class="lb lb_images_album1" title="title libary images"><img src="images/lib_img_video/images/05_thumb.jpg" width="110" height="110" alt="" /></a></li>
				<li><a href="images/lib_img_video/images/06.jpg" class="lb lb_images_album1" title="title libary images"><img src="images/lib_img_video/images/06_thumb.jpg" width="110" height="110" alt="" /></a></li>
				<li><a href="images/lib_img_video/images/07.jpg" class="lb lb_images_album1" title="title libary images"><img src="images/lib_img_video/images/07_thumb.jpg" width="110" height="110" alt="" /></a></li>
                
                <li><a href="images/lib_img_video/images/06.jpg" class="lb lb_images_album2" title="title libary images"><img src="images/lib_img_video/images/06_thumb.jpg" width="110" height="110" alt="" /></a></li>
                
                <li><a href="images/lib_img_video/images/07.jpg" class="lb lb_images_album3" title="title libary images"><img src="images/lib_img_video/images/07_thumb.jpg" width="110" height="110" alt="" /></a></li>
			</div>
			<script type="text/javascript">
			jQuery(document).ready(function() {
				jQuery('#mycarousel').jcarousel({
					wrap: 'circular'
				});
			});
			</script>
		</div>
		<div id="tab2" class="tabContents">
			<ul id="mycarousel_video" class="jcarousel-skin-tango-video">
			<li><a href="http://www.youtube.com/watch?v=2DrXgj1NwN8" class="lb lb_youtube" title="Animated history of Poland"><img src="images/lib_img_video/youtube/01.jpg" alt="Animated history of Poland"></a></li>
			<li><a href="http://www.youtube.com/watch?v=Swn9gQvquJA" class="lb lb_youtube" title="The battle of Warsaw"><img src="images/lib_img_video/youtube/02.jpg" alt="The battle of Warsaw"></a></li>
			<li><a href="http://www.youtube.com/watch?v=epeQwq-aYV0" class="lb lb_youtube" title="Sabaton: 40 to 1"><img src="images/lib_img_video/youtube/03.jpg" alt="Sabaton: 40 to 1"></a></li>
			<li><a href="http://www.youtube.com/watch?v=lzeNBRbWXpI" class="lb lb_youtube" title="Sabaton: (Warsaw) Uprising"><img src="images/lib_img_video/youtube/04.jpg" alt="Sabaton: (Warsaw) Uprising"></a></li>
			<li><a href="http://www.youtube.com/watch?v=2DrXgj1NwN8" class="lb lb_youtube" title="Animated history of Poland"><img src="images/lib_img_video/youtube/01.jpg" alt="Animated history of Poland"></a></li>
			<li><a href="http://www.youtube.com/watch?v=Swn9gQvquJA" class="lb lb_youtube" title="The battle of Warsaw"><img src="images/lib_img_video/youtube/02.jpg" alt="The battle of Warsaw"></a></li>
			<li><a href="http://www.youtube.com/watch?v=epeQwq-aYV0" class="lb lb_youtube" title="Sabaton: 40 to 1"><img src="images/lib_img_video/youtube/03.jpg" alt="Sabaton: 40 to 1"></a></li>
			<li><a href="http://www.youtube.com/watch?v=lzeNBRbWXpI" class="lb lb_youtube" title="Sabaton: (Warsaw) Uprising"><img src="images/lib_img_video/youtube/04.jpg" alt="Sabaton: (Warsaw) Uprising"></a></li>
			</ul>
			<script type="text/javascript">
			jQuery(document).ready(function() {
				jQuery('#mycarousel_video').jcarousel({
					wrap: 'circular'
				});
			});
			</script>
		</div>
		
    </div><!--End #tabDetails-->
	</div><!--End #tabContaier-->
    
	<script type="text/javascript">
	$(document).ready(function(){
		$(".tabContents").hide(); // Ẩn toàn bộ nội dung của tab
		$(".tabContents:first").show(); // Mặc định sẽ hiển thị tab1
		
		$("#tabContaier ul.list_tab li.list_tab a").click(function(){ //Khai báo sự kiện khi click vào một tab nào đó
			
			$("#tabContaier ul.list_tab li.list_tab a").removeClass("active"); 
			$(this).addClass("active"); 
			$(".tabContents").hide(); 
			var content_show = $(this).attr('title');
            $('#'+ content_show).fadeIn();			
		});
		
		
	});
	</script>	
</div><!--End #con_left-->
<div id="con_right">
	<div class="giaitri"><a href=""><img src="images/giaitri.jpg" alt="Giải trí" title="Giải trí" /></a></div>
	<div class="khuyenmai"><a href=""><img src="images/khuyenmai.jpg" alt="Khuyến mãi" title="Khuyến mãi" /></a></div>
</div><!--End #con_right-->
<div style="clear:both; height:0px;">&nbsp;</div>

<div class="doitac">
	<div class="doitac_bn"></div>
	<div class="doitac_ct infiniteCarousel">
      <div class="switch_images">
        <ul>
		<li><a href="" title="Wet Cab"><img src="images/3184/3047872076_61a511a04b_s.jpg" height="95" width="95" alt="Wet Cab" /></a></li>
        <li><a href="" title="Rockefella"><img src="images/3048/3047871878_84bfacbd35_s.jpg" height="95" width="95" alt="Rockefella" /></a></li>
        <li><a href="" title="Chrysler Reflect"><img src="images/3220/3047034929_97eaf50ea3_s.jpg" height="95" width="95" alt="Chrysler Reflect" /></a></li>
        <li><a href="" title="Chrysler Up"><img src="images/3164/3047871624_2cacca4684_s.jpg" height="95" width="95" alt="Chrysler Up" /></a></li>
        <li><a href="" title="Time Square Awe"><img src="images/3212/3047034661_f96548965e_s.jpg" height="95" width="95" alt="Time Square Awe" /></a></li>
        <li><a href="" title="Wonky Buildings"><img src="images/3022/3047034531_9c74359401_s.jpg" height="95" width="95" alt="Wonky Buildings" /></a></li>
        <li><a href="" title="Leaves of Fall"><img src="images/3199/3047034451_121c93386f_s.jpg" height="95" width="95" alt="Leaves of Fall" /></a></li>
		<li><a href="" title="Chrysler Up"><img src="images/3164/3047871624_2cacca4684_s.jpg" height="95" width="95" alt="Chrysler Up" /></a></li>
        <li><a href="" title="Time Square Awe"><img src="images/3212/3047034661_f96548965e_s.jpg" height="95" width="95" alt="Time Square Awe" /></a></li>
        <li><a href="" title="Wonky Buildings"><img src="images/3022/3047034531_9c74359401_s.jpg" height="95" width="95" alt="Wonky Buildings" /></a></li>
        <li><a href="" title="Leaves of Fall"><img src="images/3199/3047034451_121c93386f_s.jpg" height="95" width="95" alt="Leaves of Fall" /></a></li>
		<li><a href="" title="Wet Cab"><img src="images/3184/3047872076_61a511a04b_s.jpg" height="95" width="95" alt="Wet Cab" /></a></li>
        <li><a href="" title="Rockefella"><img src="images/3048/3047871878_84bfacbd35_s.jpg" height="95" width="95" alt="Rockefella" /></a></li>
        <li><a href="" title="Chrysler Reflect"><img src="images/3220/3047034929_97eaf50ea3_s.jpg" height="95" width="95" alt="Chrysler Reflect" /></a></li>
        <li><a href="" title="Chrysler Up"><img src="images/3164/3047871624_2cacca4684_s.jpg" height="95" width="95" alt="Chrysler Up" /></a></li>
        <li><a href="" title="Time Square Awe"><img src="images/3212/3047034661_f96548965e_s.jpg" height="95" width="95" alt="Time Square Awe" /></a></li>
        <li><a href="" title="Wonky Buildings"><img src="images/3022/3047034531_9c74359401_s.jpg" height="95" width="95" alt="Wonky Buildings" /></a></li>
        <li><a href="" title="Leaves of Fall"><img src="images/3199/3047034451_121c93386f_s.jpg" height="95" width="95" alt="Leaves of Fall" /></a></li>
		<li><a href="" title="Chrysler Up"><img src="images/3164/3047871624_2cacca4684_s.jpg" height="95" width="95" alt="Chrysler Up" /></a></li>
        <li><a href="" title="Time Square Awe"><img src="images/3212/3047034661_f96548965e_s.jpg" height="95" width="95" alt="Time Square Awe" /></a></li>
        <li><a href="" title="Wonky Buildings"><img src="images/3022/3047034531_9c74359401_s.jpg" height="95" width="95" alt="Wonky Buildings" /></a></li>
        <li><a href="" title="Leaves of Fall"><img src="images/3199/3047034451_121c93386f_s.jpg" height="95" width="95" alt="Leaves of Fall" /></a></li>
		
		<li><a href="" title="Wonky Buildings"><img src="images/3022/3047034531_9c74359401_s.jpg" height="95" width="95" alt="Wonky Buildings" /></a></li>
        <li><a href="" title="Leaves of Fall"><img src="images/3199/3047034451_121c93386f_s.jpg" height="95" width="95" alt="Leaves of Fall" /></a></li>
        </ul>        
      </div>
	</div>   
</div><!--End .doitac-->
</div><!--End #content-->
<div id="footer">
	<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr valign="top">
    <td width="15%">
    	<p class="text_fo_1">ISHALI</p>
        <p><a class="text_fo_2" href="">Về chúng tôi</a></p>
        <p><a class="text_fo_2" href="">Cho doanh nghiệp</a></p>
        <p><a class="text_fo_2" href="">Tuyển dụng</a></p>
    </td>
    <td width="15%">
    	<p class="text_fo_1">MENU</p>
        <p><a class="text_fo_2" href="">Trang chủ</a></p>
        <p><a class="text_fo_2" href="">Giới thiệu</a></p>
        <p><a class="text_fo_2" href="">Dịch vụ</a></p>
        <p><a class="text_fo_2" href="">Tin Tức</a></p>
        <p><a class="text_fo_2" href="">Kiến thức</a></p>
        <p><a class="text_fo_2" href="">Tuyển dụng</a></p>
        <p><a class="text_fo_2" href="">Liên Hệ</a></p>
      
	</td>
    <td width="15%">
		<p class="text_fo_1">Dịch vụ</p>
		<p><a class="text_fo_2" href="">Like Facebook</a></p>
		<p><a class="text_fo_2" href="">SMS Mobile Marketing</a></p>
		<p><a class="text_fo_2" href="">Thiết kế Website</a></p>
		<p><a class="text_fo_2" href="">Tên miền - Hosting</a></p>
		<p><a class="text_fo_2" href="">Quảng cáo Online</a></p>
		<p><a class="text_fo_2" href="">Phần mềm kinh doanh</a></p>
	</td>
    <td width="15%">
		<p class="text_fo_1">Liên hệ</p>
		<p class="text_fo_2"></p>
	</td>
    <td width="40%">
		<p class="text_fo_1">CTy TNHH Truyền Thông Quảng Cáo ISHALI</p>
		<p class="text_fo">
		Mã số thuế : 123456789<br>
		<br>
		Tòa nhà HD Bank<br>
		25Bis Nguyễn Thị Minh Khai,<br>
		Phường Bến Nghé, Quận l,<br>
		Thành phố. Hồ Chí Minh.<br>
		Điện thoại : 01233 377 377<br>
		Website: www.ishali.vn<br>
		Email: info@ishali.vn
		</p>
	</td>
  </tr>
</table>

</div><!--End #footer-->
</div><!--End #container-->
</center>
</body>
</html>
